//
//  SearchToolView.swift
//  SwiftUI_App
//
//  Created by qingzhou on 2021/6/22.
//
///搜索框

import SwiftUI

struct SearchToolView: View {
    var body: some View {
        HStack(spacing: 20) {
            Image("headIcon")
                .resizable()
                .frame(width:30,height:30)
                .clipShape(Circle())
                .padding(.leading,10)
            ZStack {
                HStack{
                    Image(systemName: "magnifyingglass")
                        .foregroundColor(Color(#colorLiteral(red: 0.7411029935, green: 0.7412139773, blue: 0.7410878539, alpha: 1)))
                    Text("转生成蜘蛛又怎样！")
                        .font(.system(size: 12))
                        .foregroundColor(Color(#colorLiteral(red: 0.7411029935, green: 0.7412139773, blue: 0.7410878539, alpha: 1)))
                    Spacer()
                }
            }
            .padding()
            .frame(maxWidth: .infinity, maxHeight: 30)
            .background(Color(#colorLiteral(red: 0.933242023, green: 0.9333798289, blue: 0.9332232475, alpha: 1)))
            .cornerRadius(30)
            
            Image("playing")
                .resizable()
                .frame(width: 20, height: 20)
            Image("email")
                .resizable()
                .frame(width: 20, height: 20)
                .padding(.trailing, 10)
        }
        .padding(.bottom)
        .background(Color.white)
    }
}

struct SearchToolView_Previews: PreviewProvider {
    static var previews: some View {
        SearchToolView()
    }
}
